<div class="gastos form">
<script type="text/javascript">
$(function() {
	$('.-num').each(function (){
		$(this).val('0');
	});
	$('.-num').on('focusout', function(evt) {
		if($.trim($(this).val())=='' || isNaN($(this).val())){
			$(this).val('0');
		}
	});
	// txt

	$('.txtImporteCalcular').on('focusout', function(evt) {
		var _n1 = parseInt($('#txtCantidad').val());
		var _n2 = parseFloat($('#txtPrecioUnitario').val());

		$('#txtImporte').val( Math.round(_n1 * _n2 * 100) / 100 );
	});
	$('#txtImpuesto').on('change', function(evt) {
		var _n1 = parseFloat($('#txtSubTotal').val());
		var _n2 = parseFloat($('#txtImpuesto').val())/100;

		$('#txtImpuesto1').val( Math.round(_n1 * _n2 * 100) / 100 );
	});
	$('.txtTotalCalcular').on('change', function(evt) {
		var _n1 = parseFloat($('#txtSubTotal').val());
		var _n2 = parseFloat($('#txtImpuesto1').val());

		$('#txtTotal').val( Math.round((_n1 + _n2) * 100) / 100 );
	});
	// rb
	$('.rbImpuesto').on('click', function(evt) {
		if($(this).val()=='s'){
			$('#txtImpuesto').val('0');
			$('#txtImpuesto').attr('disabled','true');
		}
		else{
			$('#txtImpuesto').removeAttr('disabled');
		}
	});
});
</script>
<?php echo $this->Form->create('Gasto'); ?>
	<h3>Ejecución de gastos</h3>
	<hr/>
	<div class="row form-group">
		<div class="col-md-6">
			<div class="clearfix form-group row">
				<div class="col-md-2">
					<label>Tip Doc</label>
					<select class="col-md-12 form-control" name="data[Gasto][documento_tipo_id]">
						<?php foreach ($documentoTipos as $v => $i): ?>
							<option value="<?php echo $v; ?>"><?php echo $i; ?></option>
						<?php endforeach; ?>
					</select>
				</div>
				<div class="col-md-2">
					<label>Serie</label>
					<input type="text" class="form-control" name="data[Gasto][serie]">
				</div>
				<div class="col-md-2">
					<label>Núm.</label>
					<input type="text" class="form-control" name="data[Gasto][numero]">
				</div>
				<div class="col-md-6">
					<label>Orden de compra</label>
					<input type="text" class="form-control" name="data[Gasto][orden_compra]">
				</div>				
			</div>
			<div class="clearfix form-group row">
				<div class="col-md-6">
					<label>Fecha Documento:</label>
					<input class="form-control" id="txtFechaDocumento" type="date" name="data[Gasto][fecha_documento]">
				</div>
				<div class="col-md-6">
					<label>Fecha Contabilidad:</label>
					<input class="form-control" id="txtFechaContable" type="date" name="data[Gasto][fecha_contable]">
				</div>
			</div>
			<div class="clearfix form-group row">
				<div class="col-md-4">
					<label>RUC/DNI:</label>
					<input class="form-control" type="text" name="data[Gasto][ruc_dni]">
				</div>
				<div class="col-md-8">
					<label>Razón Social o Nombre:</label>
					<input class="form-control" type="text" name="data[Gasto][razon_nombre]">
				</div>
			</div>
			<div class="clearfix form-group row">
				<div class="col-md-12">
					<label>Dirección:</label>
					<input class="form-control" type="text" name="data[Gasto][direccion]">
				</div>
			</div>
		</div>
		<div class="col-md-6">
			<div class="clearfix form-group row">
				<div class="col-md-10">
					<div class="form-group">
						<div class="col-md-8">
							<label>Fuente de financiamiento</label>
							<select id="ddlFF" class="col-md-12 form-control" name="data[Gasto][fuente_id]">
								<?php foreach ($fuentes as $v => $i): ?>
									<option value="<?php echo $v; ?>"><?php echo $i; ?></option>
								<?php endforeach; ?>
							</select>
						</div>
						<div class="col-md-4">
							<label>Meta</label>
							<select id="ddlMeta" class="col-md-12 form-control" name="data[Gasto][meta_id]">
								<?php foreach ($metas as $v => $i): ?>
									<option value="<?php echo $v; ?>"><?php echo $i; ?></option>
								<?php endforeach; ?>
							</select>
						</div>
					</div>
					<div class="form-group">
						<div class="col-md-8">
							<label>Clasificador</label>
							<select id="ddlClasificador" class="col-md-12 form-control" name="data[Gasto][clasificador_id]">
								<?php foreach ($clasificadors as $k => $v): ?>
									<option value="<?php echo $v['Clasificador']['id'];?>"><?php echo str_replace(' ','&nbsp;',str_pad($v['Clasificador']['codigo'],14)).' .'.$v['Clasificador']['name'];?></option>
								<?php endforeach; ?>
							</select>
						</div>
						<div class="col-md-4">
							<label>Cuenta cont.</label>
							<select class="col-md-12 form-control" id="ddlPlanContable" name="data[Gasto][plan_contable_id]">
								<?php foreach ($planContables as $k => $v): ?>
									<option value="<?php echo $v['PlanContable']['id'];?>"><?php echo str_replace(' ','&nbsp;',str_pad($v['PlanContable']['codigo'],14)).' .'.$v['PlanContable']['name'];?></option>
								<?php endforeach; ?>
							</select>
						</div>
					</div>
				</div>
				<div class="col-md-2">
					<div class="form-group">
						<label>Importe</label>
						<input type="text" class="form-control -num" name="data[Gasto][importe]" />
					</div>
				</div>
			</div>
		</div>
	</div>	
		<hr/>

	<div class="row clearfix form-group">
		<div class="col-md-6">
			<div class="col-md-6">
				<label class="radio-inline">
					<input type="radio" name="rbg1" value="b" checked="true">
					Bienes
				</label>
			</div>
			<div class="col-md-6">
				<label class="radio-inline">
					<input type="radio" name="rbg1" value="s">
					Servicio
				</label>
			</div>
		</div>
		<div class="col-md-6">
			<div class="col-md-6">
				<label class="radio-inline">
					<input type="radio" class="rbImpuesto" name="rbg2" value="i" checked="true">
					Con Impuesto
				</label>
				<div class="form-group">
				    <div class="input-group">
						<input type="text" class="form-control -num" id="txtImpuesto" name="data[Gasto][impuesto]">
				      <div class="input-group-addon">%</div>
				    </div>
				</div>
			</div>
			<div class="col-md-6">
				<label class="radio-inline">
					<input type="radio" class="rbImpuesto" name="rbg2" value="s">
					Sin impuesto
				</label>
			</div>
		</div>
	</div>

	<div class="row form-group">
		<div class="col-md-12">
			<table class="table table-hover">
		      <thead>
		        <tr>
		          <th>Código</th>
		          <th>U/Medida</th>
		          <th>Descripción - Producto Bien Servicio</th>
		          <th>Cantidad</th>
		          <th>Prec. Unit.</th>
		          <th>Importe</th>		          
		        </tr>
		      </thead>
		      <tbody>
		        <tr>
		          <td><input type="text" class="form-control" id="txtCodigo"></td>
		          <td><input type="text" class="form-control" id="txtUnidadMedida"></td>
		          <td><input type="text" class="form-control" id="txtDescripcion"></td>
		          <td><input type="text" class="form-control -num txtImporteCalcular" id="txtCantidad"></td>
		          <td><input type="text" class="form-control -num txtImporteCalcular" id="txtPrecioUnitario"></td>
		          <td><input type="text" class="form-control -num" id="txtImporte" disabled></td>		          
		        </tr>
		      </tbody>
		    </table>
		</div>
	</div>
	<div class="row form-group">
		<div class="col-md-10">
			<div class="input-group">
		      <span class="input-group-addon">
		      	<input type="radio">SI
		      </span>
		      <input type="text" class="form-control" placeholder="¿Ingresar la glosa por cada registro?" name="data[Gasto][glosa]">
		      <span class="input-group-addon">
		        <input type="radio"> NO
		      </span>
		    </div>
		</div>
		<div class="col-md-2">
			<input type="button" class="btn btn-success col-md-12 for-control" id="btnAnadir" value="Añadir">
<script type="text/javascript">
$(function() {
	$('#btnAnadir').click(function (){
		//var
		var i = $('#tabLista >tbody >tr').length;
		//validaciones
		var _err = 0;

		if(_err == 1){
			alert('Uno de los datos ingresados no es correcto.');
			return;
		}
		//pasando en tabla
		$('#tabLista > tbody:last').append(
			'<tr>' +
				'<td>' +
					(i+1) +
				'</td>' +
				'<td>' +
					'<input type="hidden" name="data[DetalleGasto]['+i+'][codigo]" value="'+$('#txtCodigo').val()+'"/>' +
					$('#txtCodigo').val() +
				'</td>' +
				'<td>' +
					'<input type="hidden" name="data[DetalleGasto]['+i+'][unidad_medida]" value="'+$('#txtUnidadMedida').val()+'"/>' +
					$('#txtUnidadMedida').val() +
				'</td>' +
				'<td>' +
					'<input type="hidden" name="data[DetalleGasto]['+i+'][descripcion]" value="'+$('#txtDescripcion').val()+'"/>' +
					$('#txtDescripcion').val() +
				'</td>' +
				'<td>' +
					'<input type="hidden" name="data[DetalleGasto]['+i+'][cantidad]" value="'+$('#txtCantidad').val()+'"/>' +
					$('#txtCantidad').val() +
				'</td>' +
				'<td>' +
					'<input type="hidden" name="data[DetalleGasto]['+i+'][precio_unitario]" value="'+$('#txtPrecioUnitario').val()+'"/>' +
					$('#txtPrecioUnitario').val() +
				'</td>' +
				'<td>' +
					'<input type="hidden" name="data[DetalleGasto]['+i+'][glosa]" value="'+$('#txtImporte').val()+'"/>' +
					'<input type="hidden" name="data[DetalleGasto]['+i+'][bien_servicio]" value="'+$('input:radio[name=rbg1]:checked').val()+'"/>' +
					'<input type="hidden" name="data[DetalleGasto]['+i+'][importe]" value="'+$('#txtImporte').val()+'"/>' +
					$('#txtImporte').val() +
				'</td>' +
			'</tr>'
		);

		$('#txtSubTotal').val(parseFloat($('#txtSubTotal').val()) +  parseFloat($('#txtImporte').val()));
	});
});
</script>
		</div>
	</div>
	<hr/>
	<div class="row form-group">
		<div class="col-md-12">
			<h3>Detalle de Registros</h3>
			<table id="tabLista" class="table table-hover">
			  <thead>
			    <tr>
			      <th>#</th>
			      <th>Código</th>
			      <th>U/Medida</th>
			      <th>Descripción - Producto Bien Servicio</th>
			      <th>Cantidad</th>
			      <th>Prec. Unit.</th>
			      <th>Importe</th>		          
			    </tr>
			  </thead>
			  <tbody>
			  </tbody>
			</table>
			<div class="col-md-3 col-md-offset-9 form-group">
				<div class="col-md-5">
					SubTotal
				</div>
				<div class="col-md-7">
					<input type="text" class="form-control -num txtTotalCalcular" id="txtSubTotal" disabled>
				</div>				
			</div>
			<div class="col-md-3 col-md-offset-9 form-group">
				<div class="col-md-5">
					Impuesto
				</div>
				<div class="col-md-7">
					<input type="text" class="form-control -num txtTotalCalcular" id="txtImpuesto1" disabled>
				</div>	
			</div>
			<div class="col-md-3 col-md-offset-9 form-group">
				<div class="col-md-5">
					Total
				</div>
				<div class="col-md-7">
					<input type="text" class="form-control -num" id="txtTotal" disabled>
				</div>	
			</div>
		</div>
	</div>


<?php echo $this->Form->end(__('Grabar')); ?>
</div>
<div class="actions">
	<h3><?php echo __('Actions'); ?></h3>
	<ul>

		<li><?php echo $this->Html->link(__('List Gastos'), array('action' => 'index')); ?></li>
		<li><?php echo $this->Html->link(__('List Metas'), array('controller' => 'metas', 'action' => 'index')); ?> </li>
		<li><?php echo $this->Html->link(__('New Meta'), array('controller' => 'metas', 'action' => 'add')); ?> </li>
		<li><?php echo $this->Html->link(__('List Fuentes'), array('controller' => 'fuentes', 'action' => 'index')); ?> </li>
		<li><?php echo $this->Html->link(__('New Fuente'), array('controller' => 'fuentes', 'action' => 'add')); ?> </li>
		<li><?php echo $this->Html->link(__('List Plan Contables'), array('controller' => 'plan_contables', 'action' => 'index')); ?> </li>
		<li><?php echo $this->Html->link(__('New Plan Contable'), array('controller' => 'plan_contables', 'action' => 'add')); ?> </li>
		<li><?php echo $this->Html->link(__('List Clasificadors'), array('controller' => 'clasificadors', 'action' => 'index')); ?> </li>
		<li><?php echo $this->Html->link(__('New Clasificador'), array('controller' => 'clasificadors', 'action' => 'add')); ?> </li>
		<li><?php echo $this->Html->link(__('List Documento Tipos'), array('controller' => 'documento_tipos', 'action' => 'index')); ?> </li>
		<li><?php echo $this->Html->link(__('New Documento Tipo'), array('controller' => 'documento_tipos', 'action' => 'add')); ?> </li>
	</ul>
</div>
